<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<!--移动端标签-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--bootstrap-->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<!--外链css-->
		<link rel="stylesheet" type="text/css" href="css/family.css" />
		<!--外链媒体查询css-->
		<link rel="stylesheet" type="text/css" href="css/media.css" />
		<!--外链动画库-->
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<!--iconfont-->
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_815501_nmeg965jmrl.css" />
	</head>

	<body>
		<!--导航栏-->
		<nav class=" navbar-default navbar-inverse">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        				<span class="sr-only">Toggle navigation</span>
        				<span class="icon-bar"></span>
        				<span class="icon-bar"></span>
        				<span class="icon-bar"></span>
      				</button>
					<a class="navbar-brand" href="#"><img src="img/logo_03.png" /></a>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li>
							<a href="index.html">首页 <span class="sr-only">(current)</span></a>
						</li>
						<li class="active">
							<a href="#">Laya 家族</a>
						</li>
						<li>
							<a href="games.html">游戏</a>
						</li>
						<li>
							<a href="news.html">新闻动态</a>
						</li>
						<li>
							<a href="us.html">关于我们</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">中文</a>
								</li>
								<li>
									<a href="#">English</a>
								</li>
								<li role="separator" class="divider"></li>
								<li>
									<a href="#">More</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
		<!--layaflash-->
		<div class="layaflash">
			<div class="container-fluid">
				<div class="row">
					<!--标题-->
					<div class="layaflash-title col-lg-6">
						<p>1</p><span>LayaFlash</span>
						<p>直接用Flash AS3语言开发HTML5的引擎 </p>
					</div>
				</div>
				<div class="row">
					<!--正文介绍-->
					<div class="col-lg-6 layaflash-content">
						<p>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发HTML5产品；</p>
						<p>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业进入HTML5市场低成本、无门槛；</p>
						<p>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</p>
						<a href="#">进入下载</a>
					</div>
				</div>
			</div>
		</div>
		<!--layaplayer-->
		<div class="layaplayer">
			<div class="container-fluid">
				<div class="row">
					<!--标题-->
					<div class="layaplayer-title col-lg-12 col-xs-12">
						<p>2</p><span>LayaPlayer</span>
					</div>
					<!--介绍内容-->
					<div class="layaplayer-content col-lg-12 col-xs-12">
						<!--左边图片-->
						<div class="col-lg-4 col-xs-12 layaplayer-left">
							<img src="img/flash_99.png"/>
						</div>
						<!--中间内容-->
						<div class="col-lg-4 col-xs-12 layaplayer-msg">
							<p>极强性能</p>
							<p>C语言编写的HTML5运行器，逻辑渲染双核运行、GPU加速渲染、内存显存智能管理、渲染流程极致优化，基于LayaPlayer运行的HTML5产品性能媲美APP。</p>
							<p>更小，更多，更强</p>
							<p>不足20K的HTML5运行器，拥有超过5亿的移动设备安装量，已嵌入到QQ浏览器、QQ空间、百度浏览器、新浪微博、猎豹浏览器等20多家主流平台。</p>
						</div>
						<!--右边图片-->
						<div class="col-lg-4 col-xs-12 layaplayer-right">
							<img src="img/flash_06.png"/>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--layaAir&LayaOpen-->
		<div class="air-and-open">
			<div class="container-fluid">
				<div class="row">
					<!--左边layaAir-->
					<div class="col-lg-6 layaAir">
						<div class="row">
							<!--内容-->
							<div class="col-lg-12 layaAir-title">
								<p>3</p><span>LayaAir</span>
								<p class="p-two">新一代HTML5引擎，正在内测完善中，敬请期待</p>
								<p class="p-title">小巧强大</p>
								<p class="p-content">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</p>
								<p class="p-title">应用领域更广泛</p>
								<p class="p-content">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
								<p class="p-title">多语言开发</p>
								<p class="p-content">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
							</div>
						</div>
					</div>
					<!--右边layaOpen-->
					<div class="col-lg-6 layaOpen">
						<div class="row">
							<!--内容-->
							<div class="col-lg-12 layaOpen-title">
								<p>4</p><span>LayaOpen</span>
								<p class="p-two">面向Layabox开发者、流量渠道的一站式对接平台</p>
								<p class="p-title">一站式对接</p>
								<p class="p-content">一次对接，全渠道发行，提供一站式对接、发行、运营服务</p>
								<p class="p-title p-three">免费测试</p>
								<p class="p-content">提供免费评测服务以及线上真实用户的产品测试和运营测试</p>
								<p class="p-title">专业服务</p>
								<p class="p-content">提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统</p>
							</div>
						</div>
					</div>
				</div>
				<!--底部图片-->
				<div class="col-lg-12 layaOpen-img">
					<!--左边-->
					<div class="col-lg-6 layaOpen-left-img">
						<img src="img/open_03.png"/>
					</div>
					<!--右边-->
					<div class="col-lg-6 layaOpen-right-img">
						<img src="img/open_05.png"/>
					</div>
				</div>
			</div>
		</div>
		<!--LayaStore&LayaPublish-->
		<div class="Store-and-Publis">
			<div class="container-fluid">
				<div class="row">
					<!--左边LayaStore-->
					<div class="col-lg-6 layaStore">
						<div class="row">
							<!--内容-->
							<div class="col-lg-12 layaStore-title">
								<p>5</p><span>LayaStore</span>
								<p class="p-two">游戏内容丰富，可安装、可嵌入的HTML5应用商店</p>
								<p class="p-title">嵌入式商店</p>
								<p class="p-content">仅20K的嵌入式HTML5应用商店，嵌入到APP中提供托管式HTML5商店服务</p>
								<p class="p-title">流量变现</p>
								<p class="p-content">丰富优质的大型HTML5游戏产品，帮助APP进入流量变现新时代。</p>
							</div>
						</div>
					</div>
					<!--右边LayaPublish-->
					<div class="col-lg-6 layaPublish">
						<div class="row">
							<!--内容-->
							<div class="col-lg-12 layaPublish-title">
								<p>6</p><span>LayaPublish</span>
								<p class="p-two">分成高、覆盖广，提供最优秀的全渠道发行服务</p>
								<p class="p-title">覆盖广</p>
								<p class="p-content">超过5亿的移动设备安装量覆盖，为CP发行保驾护航</p>
								<p class="p-title p-three">分成高</p>
								<p class="p-content">CP可享受80%发行收益的高分成政策。</p>
							</div>
						</div>
					</div>
				</div>
				<!--底部图片-->
				<div class="col-lg-12 layaOpen-img">
					<!--左边-->
					<div class="col-lg-6 layaOpen-left-img">
						<img src="img/Store_03.png"/>
					</div>
					<!--右边-->
					<div class="col-lg-6 layaOpen-right-img">
						<img src="img/Store_06.png"/>
					</div>
				</div>
			</div>
		</div>
			
		<!--尾部-->
		<footer>
			<div class="container-fluid">
				<div class="row">
					<!--左边简介-->
					<div class="col-lg-9 col-xs-12 company">
						<div class="row">
							<div class="company-msg col-lg-12 col-xs-12">
								<a href="">公司简介</a>
								<a href="">联系方式</a>
								<a href="">人才招聘</a>
							</div>
							<div class="company-e col-lg-12 col-xs-12">
								<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
							</div>
						</div>
					</div>
					<!--右边关注-->
					<div class="col-lg-3 follow">
						<div class="row">
							<div class="msg col-lg-4 follow-i">
								<i class="icon-youjian iconfont"></i>
								<!--移动显示框-->
								<div class="msg-content">
									<p>商务合作</p>
									<img src="img/msg.png" />
									<p>BD/layabox.com</p>
									<div class="sanjiaoxin"></div>
								</div>
							</div>
							<div class="col-lg-4 wechat follow-i">
								<i class="icon-wechat_F iconfont"></i>
								<!--移动显示框-->
								<div class="wechat-content">
									<img src="img/QRcode.png" />
									<div class="sanjiaoxin"></div>
								</div>
							</div>
							<div class="col-lg-4 qq follow-i">
								<i class="icon-qq iconfont"></i>
								<!--移动显示框-->
								<div class="qq-content">
									<img src="img/qq.png" />
									<div class="sanjiaoxin"></div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</footer>
		<!--引入jq-->
		<script src="js/jquery-2.1.0.js"></script>
		<!--引入js-->
		<script src="js/bootstrap.js"></script>
	</body>

</html>